<template>
  <view class="gi-footer">
    <view class="gi-footer__text">{{ props.text }}</view>
  </view>
</template>

<script lang='ts' setup>
interface Props {
  text: string
}

const props = withDefaults(defineProps<Props>(), {
  text: 'Copyright © 2025 gi-uni-app',
})
</script>

<style lang='scss' scoped>
.gi-footer {
  padding: $padding;
  box-sizing: border-box;
  &__text {
    text-align: center;
    color: #B2B2B2;
    font-size: 12px;
  }
}
</style>
